<!DOCTYPE html>
<html>

	<head lang="en">
		<meta charset="UTF-8">
		<meta http-equiv="Expires" content="0">
		<meta http-equiv="Pragma" content="no-cache">
		<meta http-equiv="Cache-control" content="no-cache">
		<meta http-equiv="Cache" content="no-cache">
		<title>广告投放-代理商</title>
		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" id="favicon">
		<link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/bootstrap-datetimepicker.min.css" />
		<link rel="stylesheet" href="css/base.css" />
		<link rel="stylesheet" href="modules/agent/agbCustomer/agbCustomer.css" />
		<link rel="stylesheet" href="../../oem/css/common.css" />
		<style>
			.ng-hide {
				display: none;
			}
		</style>
	</head>

	<body>
		<div class="nav_top">
			<div class="logo fl" id="logo"></div>
			<ul class="nav_list fl">

				<li>
					<a class="href_url" data="agentIndex.html">首页</a>
				</li>

				<li>

					<a class="toFirstSub href_url" data="customer.html">投放管理</a>
					<ul class="nav_dropdown" style="width: 1903px;">
						<li>
							<a class="href_url" data="customer.html">广告主列表</a>
						</li>

					</ul>
				</li>

				<li>
					<a class="toFirstSub href_url" data="bidding.html">报表中心</a>
					<ul class="nav_dropdown" style="width: 1903px;padding-left: 335px;">

						<li>
							<a class="href_url" data="bidding.html">竞价交易概况</a>
						</li>

						<li>
							<a class="href_url" data="deal.html">合约交易概况</a>
						</li>

						<!--<li>
							<a class="href_url" data="resources.html">合约资源报表</a>
						</li>-->

					</ul>
				</li>

				<li>
					<a data="account.html" class="toFirstSub active href_url">系统管理</a>
					<ul class="nav_dropdown" style="padding-left: 235px; width: 1903px;">

						<li>
							<a class="href_url" data="account.html">账户管理</a>
						</li>

						<li>
							<a class="href_url active" data="user.html">员工用户管理</a>
						</li>

						<li>
							<a class="href_url" data="adv.html">广告主管理</a>
						</li>
						<li>
							<a class="href_url" data="role.html">角色管理</a>
						</li>

					</ul>
				</li>

				<li>
					<a data="record.html" class="toFirstSub href_url">财务管理</a>
					<ul class="nav_dropdown" style="padding-left: 309px; width: 1903px;">
						<li>
							<a class="href_url" data="record.html">财务记录</a>
						</li>

						<li>
							<a class="href_url" data="info.html">财务信息</a>
						</li>
						<li>
							<a  class="href_url" data="profit.html">利润提取</a>
						</li>
					</ul>
				</li>
<!--
				<li>
					<a data="heYueZiYuanGuanLi.html" class="toFirstSub href_url">合约交易管理</a>
					<ul class="nav_dropdown" style="padding-left: 310px; width: 1903px;">

						<li>
							<a class="href_url" data="heYueZiYuanGuanLi.html">商品列表</a>
						</li>

						<li>
							<a class="href_url" data="buy.html">已购列表</a>
						</li>

					</ul>
				</li>-->
			</ul>
			<div class="user">
				<div class="user-avatar"></div>
				<div class="user-info">
					<p></p>
					<p></p>
				</div>
				<ul class="user-list">

					<li>余额：</li>

					<li>退出登录</li>
				</ul>
			</div>
		</div>
		<div class="user-page page ng-scope">
			<!--页面标题-->
			<h3 class="page-title">员工用户管理</h3>
			<div class="filter-box clearfix">
				<button class="dsp-btn btn-green fr ng-scope showUserModal" onclick="UserModal()">添加新用户</button>
				<div class="search ng-isolate-scope" value="filter.name" placeholder="用户名">
					<input id="searchRalename" class="form-control search-input ng-pristine ng-untouched ng-valid ng-empty" type="text" placeholder="用户名">
					<i class="search-icon clickFunc"></i>
				</div>
			</div>
			<!--表格-->
			<div class="table-box">
				<div class="table-title">
					<h3 class="table-title-font">用户列表</h3>
				</div>
				<table>
					<thead>
						<tr>
							<th>状态</th>
							<th>登录名</th>
							<th>用户名</th>
							<th>操作</th>
						</tr>
					</thead>
					<tbody class="roleList">
					</tbody>
				</table>
				<div id="pageToolbar" class="page">
					<div id="Paging" class="ui-paging-container">
						<ul>
							<li class="js-page-first js-page-action ui-pager" data-page="1">首页</li>
							<li class="js-page-prev js-page-action ui-pager" data-page="">上一页</li>

							<li class="ui-paging-toolbar">
								<span>跳转到</span><input type="text" class="ui-paging-count"> 页 &nbsp;&nbsp;总共：
								<span class="js-page-total" style="color: #4A9DD2;"></span>&nbsp;&nbsp;页
								<select class="ui-select-pagesize">
									<option value="10">每页展示10条/页</option>
									<option value="20">每页展示20条/页</option>
									<option value="50">每页展示50条/页</option>
								</select>
							</li>
							<li class="js-page-last js-page-action ui-pager" data-page="">末页</li>
							<li class="js-page-next js-page-action ui-pager" data-page="">下一页</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="modal" id="userModal" style="background: rgba(0,0,0,0.5);">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close close2" data-dismiss="modal"><span aria-hidden="true">×</span></button>
							<h4 class="modal-title">新增用户</h4>
						</div>
						<div class="modal-body">
							<div class="form-group" id="loginNameK" class="loginName">
								<label><span class="star">*</span>登录名：</label>
								<input type="text" class="form-control" id="loginName">
							</div>
							<div class="form-group">
								<label><span class="star">*</span>密码：</label>
								<input type="password" class="form-control" id="password">
							</div>
							<div class="form-group" id="usernameK" class="username">
								<label><span class="star">*</span>用户名：</label>
								<input type="text" class="form-control" id="name">
							</div>
							<div class="form-group">
								<label><span class="star">*</span>手机号：</label>
								<input type="text" class="form-control" id="telephone">
							</div>
							<div class="form-group">
								<label>邮箱：</label>
								<input type="text" class="form-control" id="email">
							</div>
							<div class="form-group">
								<label><span class="star">*</span>角色：</label>
								<div class="dropdown dropdown-filter ng-isolate-scope" list="roleList">
									<button class="btn btn-default dropdown-toggle cl" data-toggle="dropdown">        
													<span style="width: 55%; display: inline-block;" id="role" data-value="" >
													</span>                       
												</button>
									<span class="caret"></span>
									<ul class="dropdown-menu">

									</ul>
								</div>
							</div>
						</div>
						<div class="modal-footer">
							<button class="dsp-btn btn-blue addUser" onclick="">确定</button>
							<button class="dsp-btn btn-blue updateUser ng-hide">确定</button>
							<button class="dsp-btn btn-white2 close2">取消</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>

</html>
<script src="../../public/js/jquery.min.js"></script>
<script src="../../public/js/layui.all.js"></script>
<script src="js/agentIndex.js"></script>
<script src="js/user.js"></script>
<script>
	$(function() {
		$('.user').on('click', function() {
			$(this).toggleClass('hover');
		})

		$('.user').mouseleave(function() {
			$(this).removeClass('hover');
		});

		$('.dropdown').on('click', function() {

			if($(this).hasClass("open")) {
				$(this).removeClass('open');
			} else {
				$('.dropdown').removeClass('open');
				$(this).addClass('open');
			}
		})
	})
</script>
<script src="../../oem/js/oem.js"></script>